---
title: iPhone 15 Pro
date: 2024-10-05
description: A mockup of the iPhone 15 Pro
author: nyxb
published: true
---

<ComponentPreview name="iphone-15-pro-demo" />

## Installation

<Tabs defaultValue="cli">

<TabsList>
  <TabsTrigger value="cli">CLI</TabsTrigger>
  <TabsTrigger value="manual">Manual</TabsTrigger>
</TabsList>
<TabsContent value="cli">

```bash
npx nyxb@latest add iphone-15-pro
```

</TabsContent>

<TabsContent value="manual">

<Steps>

<Step>Copy and paste the following code into your project.</Step>

<ComponentSource name="iphone-15-pro" />

<Step>Update the import paths to match your project setup.</Step>

</Steps>

</TabsContent>

</Tabs>

## Examples

### With Image

<ComponentPreview name="iphone-15-pro-demo-2" />

## Props

| Prop   | Type   | Description                            | Default |
| ------ | ------ | -------------------------------------- | ------- |
| width  | number | The width of the iPhone 15 Pro window  | 433     |
| height | number | The height of the iPhone 15 Pro window | 882     |
| src    | string | The source of the image to display     |         |

The `Iphone15Pro` component also accepts all properties of the `SVGElement` type.
